<#import "../layout/player.html" as com>
<@com.page title="Clipvn" pageId="pageClip" data={'css':'clip/clip-clipvn', 'js':'clip/clip-clipvn',  'ver':'a04'}>
<div id="zclipApp">
	<form role="form" id="searchForm" action="#" method="get" onsubmit="return false;">
	<div class="input-group search-box">
		<span class="input-group-btn"><button class="btn btn-default del-button" type="button">&nbsp;</button></span>
		<input type="text" class="form-control" value="" placeholder="tìm tên clip" autocomplete="off" id="keyword" name="keyword"/>
		<span class="input-group-btn"><input class="btn btn-default go-button" type="submit" value=""/></span>
	</div>
	</form>
	
	<form role="form" id="filterForm" class="filters">
		<div class="btn-group btn-group-justified">
			<div class="btn-group">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="label-text">Phim</span> <span class="caret"></span></button>
				<ul class="dropdown-menu" role="menu" id="types">
					<li><a href="#"><label><input type="radio" name="m" value="0" checked="checked"/><span>Tất cả</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="m" value="1"/><span>Phim lẻ</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="m" value="2"/><span>Phim bộ</span></label></a></li>
				</ul>
			</div>
			<div class="btn-group">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="label-text">Mới</span> <span class="caret"></span></button>
				<ul class="dropdown-menu" role="menu" id="sorts">
					<li><a href="#"><label><input type="radio" name="f" value="all" checked="checked"/><span>Mới</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="f" value="hot"/><span>Hot</span></label></a></li>
				</ul>
			</div>
			<div class="btn-group">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="label-text">Thể loại</span> <span class="caret"></span></button>
				<ul class="dropdown-menu dropdown-menu-right" role="menu" id="cats">
					<li><a href="#"><label><input type="radio" name="g" value="" checked="checked"/><span>Thể loại</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Hai-huoc"/><span>Hài hước</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Vo-thuat"/><span>Võ thuật</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Hoat-hinh"/><span>Hoạt hình</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Hanh-dong"/><span>Hành động</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Tinh-cam-lang-man"/><span>Tình cảm lãng mạn</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Kinh-di"/><span>Kinh dị</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Truyen-hinh"/><span>Truyền hình</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Phieu-luu"/><span>Phiêu lưu</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Khoa-hoc-vien-tuong"/><span>Khoa học viễn tưởng</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Hinh-su"/><span>Hình sự</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Than-thoai"/><span>Thần thoại</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Lich-su-Tieu-su"/><span>Lịch sử - Tiểu sử</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Co-trang"/><span>Cổ trang</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Gia-dinh"/><span>Gia đình</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Tam-ly"/><span>Tâm lý</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Kiem-hiep"/><span>Kiếm hiệp</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Phim-18"/><span>Phim 18+</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Tai-lieu"/><span>Tài liệu</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="Bi-an"/><span>Bí ẩn</span></label></a></li>
				</ul>
				<input type="hidden" name="p" value="0" id="page"/>
			</div>
		</div>
	</form>
	
	<div>
		<ul class="nav nav-tabs tab-list" role="tablist" id="tabList">
			<li class="active"><a href="#tabClips" role="tab" data-toggle="tab" id="tabClipsButton">Danh sách</a></li>
			<li><a href="#tabInfo" role="tab" data-toggle="tab" id="tabInfoButton">Đang xem</a></li>
		</ul>
		<div class="tab-content">
			<div class="tab-pane active" id="tabClips">
				<div id="clips" class="clearfix clips">
				</div>
				<div id="clipsMore" class="clips-more" style="display:none;">Xem thêm <span class="caret"></span></div>
			</div>
			<div class="tab-pane clip-info" id="tabInfo"></div>
		</div>
	</div>
	
</div>
</@com.page>